<template>
  <div>
    <div class="container bg-cf">
      <commentPage v-if="currentTab == 1"></commentPage>
      <giveLikePage v-if="currentTab == 2"></giveLikePage>
      <collectPage v-if="currentTab == 3"></collectPage>
    </div>
    <comment-detail v-if="false"></comment-detail>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import CommentDetail from './comment-detail.vue'
import CommentPage from './commentPage.vue'
import collectPage from './collectPage.vue'
import giveLikePage from './giveLikePage.vue'
export default defineComponent({
  name: 'comment-right',
  props: {
    currentTab: {
      type: Number,
      default: 1
    }
  },
  components: {
    CommentDetail,
    CommentPage,
    giveLikePage,
    collectPage
  }
})
</script>
<style lang="less" scoped></style>
